.firstTop{
	height: 40px;
	width: 100%;
	background-color: #333333;
}
.firstTopInner{
	width: 1226px;
	margin: 0 auto;
}
.firstTopInner ul{
	display: flex;
	line-height: 40px;
}
.firstTopInner ul li a{
	color: #b0b0b0;
}
.firstTopInner ul li i{
	display: inline-block;
	margin: 0 8px;
	height: 15px;
	width: 1px;
	background-color: #3d3933;
	position: relative;
	top: 3px;
}
.firstTopInner ul .firstToplast{
	width: 120px;
	height: 100%;
	background-color: #424242;
	margin-left: 25px;
	position: relative;
}
.firstTopInner ul .firstToplast div{
	position: absolute;
	width: 317px;
	height: 100px;
	border: 1px solid #e0e0e0;
	border-top: none;
	background-color: #FFFFFF;
	z-index: 5;
	right: 0px;
	text-align: center;
	line-height: 100px;
	display: none;
}
.firstTopInner ul .firstmargin{
	margin-right: 360px;

}
.firstTopInner ul .firstToplast img{
	width: 20px;
	height: 20px;
	margin-left: 20px;
	margin-right: 5px;
}
.firstTopInner ul li:nth-child(1) a:hover{
	color: white;
}
.firstTopInner ul li:nth-child(2) a:hover{
	color: white;
}
.firstTopInner ul li a:hover{
	color: white;
}

/*第二部分*/
.secTop{
	width: 1226px;
	height: 100px;
	margin: 0 auto;
}
.secTop ul{
	display: flex;
}
.secTop ul li a{
	font-size: 16px;
	color: black;
	line-height: 100px;
	margin: 0 9px;
}
.secTop ul li:nth-child(1){
	margin-right: 179px;
}
.secTop ul li:first-child img{
	margin-top: 22.5px;
}
.secTop .secdiv{
	width: 296px;
	height: 50px;
	display: inline-block;
	border: 1px solid #b0b0b0;
	margin-top: 25px;
	margin-left: 50px;
	display: flex;
	position: relative;
}
.secTop .secdiv input{
	width: 242px;
	height: 100%;
	border-right: 1px solid #b0b0b0;
	padding-left: 15px;
	box-sizing: border-box;
}
.secTop .secdiv div{
	width: 51px;
	height: 100%;
}
.secTop .secdiv div img{
	width: 20px;
	height: 20px;
	position: relative;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
}
.secTop .secdiv .secbutton{
	position: absolute;
	width: 140px;
	line-height: 50px;
	right: 55px;
}
.secTop .secdiv .secbutton a{
	background-color: #eeeeee;
	color: #757575;
	margin: 0 5px;
}
.secTop .secdiv .secbutton a:first-child:hover{
	background-color: #ff6700;
	color: #FFFFFF;
}
.secTop .secdown{
	width: 241px;
	border: 1px solid red;
	position: absolute;
	margin-left: 923px;
	top: 116px;
	display: none;
	background-color: white;
	z-index: 1;
}
.secTop .secdown div{
	padding: 5px 15px;
}
.secTop .secdown div .secleft a{
	color: #424242;
}
.secTop .secdown div .secright a{
	color: #b2b0b0;
	float: right;
}
.secTop .secdown div span a{
	font-size: 14px;
}
.secTop ul li a:hover{
	color: #ff6700;
}
.secup{
	position: absolute;
	height: 230px;
	width: 100%;
	border-top: 1px solid #e0e0e0;
	box-shadow: 0 3px 2px #e0e0e0;
	display: none;
	background-color: white;
	z-index: 8;
}
.secup div{
	width: 1226px;
	margin: 0 auto;
	height: 100%;
	display: none;
}
.secup div ul{
	display: flex;
}
.secup div ul li{
	width: 205px;
	height: 100%;
	text-align: center;
	margin-top: 36px;
}
.secup div ul li img{
	margin-bottom: 20px;
}
.secup div ul li .sec1p{
	margin-bottom: 10px;
}
.secup div ul li .sec2p{
	color: #ff6700;
}
.secup div ul li i{
	display: inline-block;
	height: 100px;
	width: 1px;
	background-color: #e0e0e0;
    position: relative;
   left: 102.5px;
   top: -166px;
}
.secup div ul li span{
	position: absolute;
	border: 1px solid #ff6700;
	color: #ff6700;
	top: 0px;
	margin-left: 50px;
}

.secup .secupdianshi img{
	width: 135px;
	height: 86px;
}
.secup .secuphezi img{
	width: 135px;
	height: 86px;
}
.secup .secupzhineng img{
	width: 135px;
	height: 86px;
}
.home-hero-container{
	width: 1226px;
	/*height: 460px;*/
	margin: 0 auto;
}
.home-hero-slider{
	width: 1226px;
	height: 460px;
	position: relative;
}
.home-hero-slider img{
	height: 460px;
	width: 1226px;
	position: absolute;
}
.home-hero-dian{
	position: absolute;
	z-index: 5px;
	margin-top: 424px;
	margin-left: 1110px;
	top: 140px;
}
.home-hero-dian ul{
	display: flex;
}
.home-hero-dian ul li{
	width: 6px;
	height: 6px;
	background-color: #828282;
	margin: 0 5px;
	border-radius: 50%;
	border: 2px solid #ababab;
}
.home-hero-dian ul li:hover{
	background-color: #e7e6e4;
	cursor: pointer;
}
.home-hero-dian ul li.check{
	background-color: #e7e6e4;
}
.home-hero{
	width: 234px;
	height: 460px;
	background-color: rgba(50,50,50,0.5);
	z-index: 7;
	position: absolute;
	padding: 20px 0;
	box-sizing: border-box;
	display: inline-block;
	top: 140px;
}
.home-hero ul li{
	height: 42px;
	padding: 0 25px 0 30px;
}
.home-hero ul li a span{
	font-size: 14px;
	line-height: 42px;
}
.home-hero ul li a span:nth-child(1){
	color: #FFFFFF;
}
.home-hero ul li a span:nth-child(2){
	color: #a9a79f;
	float: right;
	font-weight: bolder;
}
.home-hero ul li:hover{
	background-color: #ff6700;
	cursor: pointer;
}
.home-hero ul li.home-check{
	background-color: #FF6700;
}
.home-hero-chanpin{
	height: 460px;
	box-shadow: 2px 2px 2px #e0e0e0;
	position: absolute;
	z-index: 7;
	margin-left: 234px;
	background-color: white;
	display: none;
	top: 140px;
}
.home-hero-chanpin div{
	display: flex;
	padding: 20px 20px;
	box-sizing: border-box;
}
.home-hero-chanpin div ul{
	width: 234px;
}
.home-hero-chanpin div ul:first-child{
	margin-right: 20px;
}
.home-hero-chanpin div ul li{
	height: 70px;
	padding: 10px 0;
	box-sizing: border-box;
}
.home-hero-chanpin div ul li span{
	font-size: 14px;
}
.home-hero-chanpin div ul li img{
	margin-right: 14px;
}
.home-hero-chanpin div ul li span a{
	display: inline-block;
}
.home-hero-chanpin div ul li span:nth-of-type(2){
	width: 60px;
	height: 24px;
	display: inline-block;
	border: 1px solid #FF6700;
	line-height: 24px;
	text-align: center;
	float: right;
}
.home-hero-chanpin div ul li span:nth-of-type(2) a{
	color: #FF6700;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.home-hero-chanpin div ul li span:nth-of-type(1) a{
	color: black;
}
.home-hero-chanpin div ul li span:nth-of-type(1) a:hover{
	color: #FF6700;
}
.home-hero-chanpin div ul li span:nth-of-type(2) a:hover{
	color: white;
	background-color: #FF6700;
}
.home-hero-left{
	width: 40px;
	height: 70px;
	position: absolute;
	z-index: 7;
	margin-top: 196px;
	margin-left:234px;
	background-image: url(../images/icon-slides.png);
	background-position: 66% 50%;
	top: 140px;
}
.home-hero-right{
	width: 40px;
	height: 70px;
	position: absolute;
	z-index: 7;
	margin-top: 196px;
	margin-left:1186px;
	background-image: url(../images/icon-slides.png);
	background-position: 100% 50%;
	top: 140px;
}
.home-hero-left:hover{
	cursor: pointer;
	background-position-x: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.home-hero-right:hover{
	cursor: pointer;
	background-position-x: 35%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.home-hero-sub{
	margin-top: 14px;
	display: flex;
}
.home-hero-sub .span4{
	height: 170px;
	width: 234px;
	background-color: #5f5750;
	padding: 5px;
	box-sizing: border-box;
}
.home-hero-sub .span4 ul li img{
	width: 20px;
	height: 20px;
	position: relative;
	left: calc(50% - 10px);
	margin-top: 18px;
	margin-bottom: 10px;
}
.home-hero-sub .span4 ul{
	display: flex;
}
.home-hero-sub .span4 ul li p{
	text-align: center;
	color: #cfcdcb;
}
.home-hero-sub .span4 ul li{
	width: 76px;
	height: 82px;
}
/*---*/
.home-hero-sub .span16{
	width: 978px;
	height: 170px;
	margin-left: 14px;
}
.home-hero-sub .span16 ul{
	display: flex;
	justify-content: space-between;
}
.home-hero-sub .span16 ul li{
	height: 170px;
	width: 316px;
}

.home-hero-sub .span16 ul li img{
	height: 100%;
	width: 100%;
}
/*----------------*/
.home-star-good{
	width: 1226px;
	height: 438px;
	margin-top: 26px;
}
.home-star-good .box-hd{
	height: 58px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.home-star-good .box-hd h2{
	line-height: 58px;
	font-size: 22px;
	font-family: helvetica;
	font-weight: 200;
	color: #333333;
}
.home-star-good .box-hd .box-hd-button{
	width: 70px;
	height: 24px;
	border: 1px solid #E0E0E0;
	display: flex;
	margin-top: 17px;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}

.home-star-good .box-hd .box-hd-button div{
	font-size: 22px;
	color: #e2e0e0;
}
.home-star-good .box-hd .box-hd-button div:hover{
	cursor: pointer;
}
.home-star-good .box-hd .box-hd-left{
	width: 24px;
	border-right: 1px solid #E0E0E0;
} 
/*--*/
.home-star-good .box-bd{
	height: 340px;
	width: 100%;
}
.home-star-good .box-bd .box-bd-inner{
	width: 1226px;
	overflow: hidden;
}
.home-star-good .box-bd .box-bd-inner ul{
	display: flex;
	width: 2480px;
	
}

.home-star-good .box-bd .box-bd-inner ul li{
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	margin-right: 14px;
}
.home-star-good .box-bd .box-bd-inner ul li img{
	width: 165.5px;
	height: 160px;
	position: relative;
	margin-top: 39px;
	left: calc(50% - 82.5px);
	margin-bottom: 22px;
}
.home-star-good .box-bd .box-bd-inner ul li p{
	text-align: center;
	font-size: 12px;
}
.home-star-good .box-bd .box-bd-inner ul li p a{
	color:black;
	font-size: 14px;
}
.home-star-good .box-bd .box-bd-inner ul li p:nth-of-type(1){
	margin-bottom: 10px;
	
}
.home-star-good .box-bd .box-bd-inner ul li p:nth-of-type(2){
	margin-bottom: 20px;
	color: #B0B0B0;
}
.home-star-good .box-bd .box-bd-inner ul li p:nth-of-type(3){
	color: #FF6700;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(1){
	border-top: 1px solid #ffac13;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(2){
	border-top: 1px solid #83c44e;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(3){
	border-top: 1px solid #2196f3;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(4){
	border-top: 1px solid #e53935;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(5){
	border-top: 1px solid #00c0a5;
	margin-right: 0;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(6){
	border-top: 1px solid #ffac13;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(7){
	border-top: 1px solid #83c44e;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(8){
	border-top: 1px solid #2196f3;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(9){
	border-top: 1px solid #e53935;
}
.home-star-good .box-bd .box-bd-inner ul li:nth-child(10){
	border-top: 1px solid #00c0a5;
	margin-right: 0;
}
.page-out{
	background-color: #f5f5f5;
	width: 100%;
	padding-top: 60px;
}
.page-out .page-main{
	width: 1226px;
	/*height: 1000px;*/
	margin: 0 auto;
}
.page-out .page-main .page-container{
	width: 1226px;
}
.page-out .page-main .page-container .page-num1{
	height: 686px;
	width: 1226px;
}
.page-num1 .page-num1-head{
	display: flex;
	justify-content: space-between;
	height: 58px;
}
.page-num1 .page-num1-head>div{
	display: flex;
}
.page-num1 .page-num1-head>div:hover{
	cursor: pointer;
}
.page-num1 .page-num1-head h2{
	line-height: 58px;
	font-size: 22px;
	font-weight: 200;
}
.page-num1 .page-num1-head>div span{
	line-height: 58px;
	font-size: 18px;
	margin-right: 10px;
}
.page-num1 .page-num1-head>div div{
	height: 25px;
	width: 23px;
	background-color: #B0B0B0;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 50%;
	margin-top: 16.5px;
}
.page-num1 .page-num1-head>div img{
	width: 100%;
	height: 100%;
}
.page-num1 .page-num1-bd{
	width: 1226px;
	height: 628px;
	display: flex;
}
.page-num1 .page-num1-bd .page-num1-left{
	width: 236px;
	height: 614px;
	margin-right: 15px;
	transition: margin-top 0.3s;
}

.page-num1 .page-num1-bd .page-num1-left:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num1 .page-num1-bd .page-num1-left img{
	width: 100%;
	height: 100%;
}
.page-num1 .page-num1-bd .page-num1-right{
	width: 975px;
	height: 614px;
	display: flex;
	flex-direction: column;
}
.page-num1 .page-num1-bd .page-num1-right .page-num1-top{
	margin-bottom: 14px;
}
.page-num1 .page-num1-bd .page-num1-right .page-num1-bottom{

}
.page-num1 .page-num1-bd .page-num1-right>div{
	width: 975px;
	height: 300px;
}
.page-num1 .page-num1-bd .page-num1-right>div ul{
	display: flex;
	justify-content: space-between;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li{
	width: 234px;
	height: 300px;
	background-color: #FFFFFF;
	margin-right: 15px;
	transition: margin-top 0.3s;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li:last-of-type{
	margin-right: 0;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num1 .page-num1-bd .page-num1-right div ul li a img{
	width: 160px;
	height: 160px;
	position: relative;
	left: calc(50% - 80px);
	margin-bottom: 20px;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li div p{
	text-align: center;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li div a p{
	color: #333333;
	font-size: 14px;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li div>p:first-of-type{
	color: #b0b0b0;
	margin-top: 10px;
	font-size: 12px;
}
.page-num1 .page-num1-bd .page-num1-right>div ul li div>p:last-of-type{
	color: #ff6700;
	margin-top: 20px;
	font-size: 14px;
}
.page-num2 .page-num2-hd{
	width: 100%;
	height: 58px;
	display: flex;
	justify-content: space-between;
}
.page-num2 .page-num2-hd h2{
	font-weight: 200;
	font-size: 22px;
	font-family: helvetica;
	line-height: 58px;
}
.page-num2 .page-num2-hd div ul{
	display: flex;
}
.page-num2 .page-num2-hd div ul li{
	margin-left: 30px;
}
.page-num2 .page-num2-hd div ul li a{
	font-size: 16px;
	font-family: helvetica;
	color: #333333;
	line-height: 58px;
}
.page-num2 .page-num2-hd div ul li a:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
.page-num2 .page-num2-bd{
	display: flex;
	margin-bottom: 30px;
}
.page-num2 .page-num2-left{
	width: 234px;
	height: 628px;
	margin-right: 14px;
}
.page-num2 .page-num2-left img{
	width: 234px;
	height: 300px;
}
.page-num2 .page-num2-left img:nth-of-type(1){
	margin-bottom: 28px;
}
.page-num2 .page-num2-right{
	width: 978px;
	height: 628px;
	position: absolute;
	/*margin-left: 249px;*/
}
.page-num2 .page-num2-right div{
	height: 300px;
	width: 978px;
}
.page-num2 .page-num2-right div ul{
	display: flex;
	justify-content: space-between;
}
.page-num2 .page-num2-right div ul li{
	padding: 34px 0 20px 0;
	box-sizing: border-box;
	width: 234px;
	height: 300px;
	background-color: #FFFFFF;
	position: relative;
}
.page-num2 .page-num2-right div ul .page-num2-lastchange>div{
	transition: all 0.3s;
}
.page-num2 .page-num2-right div ul .page-num2-lastchange>div:hover{
	top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num2 .page-num2-right div ul .page-num2-change{
	transition: margin-top 0.3s;
}
.page-num2 .page-num2-right div ul .page-num2-change:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num2 .page-num2-right div ul li a img{
	width: 150px;
	height: 150px;
	margin-left: 42px;
}
.page-num2 .page-num2-right .page-num2-top{
	margin-bottom: 28px;
}
.page-num2 .page-num2-right .page-num2-1p{
	text-align: center;
	color: #333333;
	margin-top: 20px;
}
.page-num2 .page-num2-right .page-num2-2p{
	color: #FF6700;
	text-align: center;
	margin-top: 10px;
}
.page-num2 .page-num2-right .page-num2-3p{
	color: #B0B0B0;
	text-align: center;
	margin-top: 10px;
}
.page-num2 .page-num2-right .page-hidden{
	width: 234px;
	height: 75px;
	background-color: #FF6700;
	position: absolute;
	bottom: 0;
	display: none;
	padding: 10px 15px;
	box-sizing: border-box;
}
.page-num2 .page-num2-right .page-hidden:hover{
	cursor: pointer;
}
.page-num2 .page-num2-right .page-hidden p{
	color: white;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type{
	background-color: #f5f5f5;
	padding: 0;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div:first-of-type{
	margin-bottom: 28px;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div{
	width: 234px;
	height: 134px;
	display: flex;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div div{
	width: 50%;
	height: 100%;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div div p{
	color: #ff6700;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div div img{
	width: 100px;
	height: 80px;
}
.page-num2 .page-num2-right .page-num2-bottom ul li:last-of-type>div div:last-of-type img{
	width: 50px;
	height: 50px;
}
/*----------------------------*/
.page-num3 .page-num2-hd{
	width: 100%;
	height: 58px;
	display: flex;
	justify-content: space-between;
}
.page-num3 .page-num2-hd h2{
	font-weight: 200;
	font-size: 22px;
	font-family: helvetica;
	line-height: 58px;
}
.page-num3 .page-num2-hd div ul{
	display: flex;
}
.page-num3 .page-num2-hd div ul li{
	margin-left: 30px;
}
.page-num3 .page-num2-hd div ul li a{
	font-size: 16px;
	font-family: helvetica;
	color: #333333;
	line-height: 58px;
}
.page-num3 .page-num2-hd div ul li a:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
.page-num3 .page-num2-bd{
	display: flex;
	margin-bottom: 30px;
}
.page-num3 .page-num2-left{
	width: 234px;
	height: 628px;
	margin-right: 14px;
}
.page-num3 .page-num2-left img{
	width: 234px;
	height: 300px;
}
.page-num3 .page-num2-left img:nth-of-type(1){
	margin-bottom: 28px;
}
.page-num3 .page-num2-right{
	width: 978px;
	height: 628px;
	position: absolute;
	/*margin-left: 249px;*/
}
.page-num3 .page-num2-right div{
	height: 300px;
	width: 978px;
}
.page-num3 .page-num2-right div ul{
	display: flex;
	justify-content: space-between;
}
.page-num3 .page-num2-right div ul li{
	padding: 34px 0 20px 0;
	box-sizing: border-box;
	width: 234px;
	height: 300px;
	background-color: #FFFFFF;
	position: relative;
}
.page-num3 .page-num2-right div ul .page-num2-lastchange>div{
	transition: all 0.3s;
}
.page-num3 .page-num2-right div ul .page-num2-lastchange>div:hover{
	top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num3 .page-num2-right div ul .page-num2-change{
	transition: margin-top 0.3s;
}
.page-num3 .page-num2-right div ul .page-num2-change:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num3 .page-num2-right div ul li a img{
	width: 150px;
	height: 150px;
	margin-left: 42px;
}
.page-num3 .page-num2-right .page-num2-top{
	margin-bottom: 28px;
}
.page-num3 .page-num2-right .page-num2-1p{
	text-align: center;
	color: #333333;
	margin-top: 20px;
}
.page-num3 .page-num2-right .page-num2-2p{
	color: #FF6700;
	text-align: center;
	margin-top: 10px;
}
.page-num3 .page-num2-right .page-num2-3p{
	color: #B0B0B0;
	text-align: center;
	margin-top: 10px;
}
.page-num3 .page-num2-right .page-hidden{
	width: 234px;
	height: 75px;
	background-color: #FF6700;
	position: absolute;
	bottom: 0;
	display: none;
	padding: 10px 15px;
	box-sizing: border-box;
}
.page-num3 .page-num2-right .page-hidden:hover{
	cursor: pointer;
}
.page-num3 .page-num2-right .page-hidden p{
	color: white;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type{
	background-color: #f5f5f5;
	padding: 0;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div:first-of-type{
	margin-bottom: 28px;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div{
	width: 234px;
	height: 134px;
	display: flex;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div div{
	width: 50%;
	height: 100%;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div div p{
	color: #ff6700;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div div img{
	width: 100px;
	height: 80px;
}
.page-num3 .page-num2-right .page-num2-bottom ul li:last-of-type>div div:last-of-type img{
	width: 50px;
	height: 50px;
}
/*----------------------------------------*/
.page-num4 .page-num2-hd{
	width: 100%;
	height: 58px;
	display: flex;
	justify-content: space-between;
}
.page-num4 .page-num2-hd h2{
	font-weight: 200;
	font-size: 22px;
	font-family: helvetica;
	line-height: 58px;
}
.page-num4 .page-num2-hd div ul{
	display: flex;
}
.page-num4 .page-num2-hd div ul li{
	margin-left: 30px;
}
.page-num4 .page-num2-hd div ul li a{
	font-size: 16px;
	font-family: helvetica;
	color: #333333;
	line-height: 58px;
}
.page-num4 .page-num2-hd div ul li a:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
.page-num4 .page-num2-bd{
	display: flex;
	margin-bottom: 30px;
}
.page-num4 .page-num2-left{
	width: 234px;
	height: 628px;
	margin-right: 14px;
}
.page-num4 .page-num2-left img{
	width: 234px;
	height: 300px;
}
.page-num4 .page-num2-left img:nth-of-type(1){
	margin-bottom: 28px;
}
.page-num4 .page-num2-right{
	width: 978px;
	height: 628px;
	position: absolute;
	/*margin-left: 249px;*/
}
.page-num4 .page-num2-right div{
	height: 300px;
	width: 978px;
}
.page-num4 .page-num2-right div ul{
	display: flex;
	justify-content: space-between;
}
.page-num4 .page-num2-right div ul li{
	padding: 34px 0 20px 0;
	box-sizing: border-box;
	width: 234px;
	height: 300px;
	background-color: #FFFFFF;
	position: relative;
}
.page-num4 .page-num2-right div ul .page-num2-lastchange>div{
	transition: all 0.3s;
}
.page-num4 .page-num2-right div ul .page-num2-lastchange>div:hover{
	top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num4 .page-num2-right div ul .page-num2-change{
	transition: margin-top 0.3s;
}
.page-num4 .page-num2-right div ul .page-num2-change:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.page-num4 .page-num2-right div ul li a img{
	width: 150px;
	height: 150px;
	margin-left: 42px;
}
.page-num4 .page-num2-right .page-num2-top{
	margin-bottom: 28px;
}
.page-num4 .page-num2-right .page-num2-1p{
	text-align: center;
	color: #333333;
	margin-top: 20px;
}
.page-num4 .page-num2-right .page-num2-2p{
	color: #FF6700;
	text-align: center;
	margin-top: 10px;
}
.page-num4 .page-num2-right .page-num2-3p{
	color: #B0B0B0;
	text-align: center;
	margin-top: 10px;
}
.page-num4 .page-num2-right .page-hidden{
	width: 234px;
	height: 75px;
	background-color: #FF6700;
	position: absolute;
	bottom: 0;
	display: none;
	padding: 10px 15px;
	box-sizing: border-box;
}
.page-num4 .page-num2-right .page-hidden:hover{
	cursor: pointer;
}
.page-num4 .page-num2-right .page-hidden p{
	color: white;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type{
	background-color: #f5f5f5;
	padding: 0;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div:first-of-type{
	margin-bottom: 28px;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div{
	width: 234px;
	height: 134px;
	display: flex;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div div{
	width: 50%;
	height: 100%;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div div p{
	color: #ff6700;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div div img{
	width: 100px;
	height: 80px;
}
.page-num4 .page-num2-right .page-num2-bottom ul li:last-of-type>div div:last-of-type img{
	width: 50px;
	height: 50px;
}
/*----------------------------------------------------------*/
.home-star{
	width: 1226px;
	height: 438px;
	margin-top: 26px;
}
.home-star .box-hd{
	height: 58px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.home-star .box-hd h2{
	line-height: 58px;
	font-size: 22px;
	font-family: helvetica;
	font-weight: 200;
	color: #333333;
}
.home-star .box-hd .box-hd-button{
	width: 70px;
	height: 24px;
	border: 1px solid #E0E0E0;
	display: flex;
	margin-top: 17px;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}

.home-star .box-hd .box-hd-button div{
	font-size: 22px;
	color: #e2e0e0;
}
.home-star .box-hd .box-hd-button div:hover{
	cursor: pointer;
}
.home-star .box-hd .box-hd-left{
	width: 24px;
	border-right: 1px solid #E0E0E0;
} 
/*--*/
.home-star .box-bd{
	height: 340px;
	width: 100%;
}
.home-star .box-bd .box-bd-inner{
	width: 1226px;
	overflow: hidden;
}
.home-star .box-bd .box-bd-inner ul{
	display: flex;
	width: 2480px;
	
}

.home-star .box-bd .box-bd-inner ul li{
	width: 234px;
	height: 340px;
	background-color: #fafafa;
	margin-right: 14px;
	transition: all 0.3s;
}
.home-star .box-bd .box-bd-inner ul li:hover{
	top: -3px;
	box-shadow: 0 15px 20px #e4e4e4;
}
.home-star .box-bd .box-bd-inner ul li img{
	width: 165.5px;
	height: 160px;
	position: relative;
	margin-top: 39px;
	left: calc(50% - 82.5px);
	margin-bottom: 22px;
}
.home-star .box-bd .box-bd-inner ul li p{
	text-align: center;
	font-size: 12px;
}
.home-star .box-bd .box-bd-inner ul li p a{
	color:black;
	font-size: 14px;
}
.home-star .box-bd .box-bd-inner ul li p:nth-of-type(1){
	margin-bottom: 10px;
	
}
.home-star .box-bd .box-bd-inner ul li p:nth-of-type(2){
	margin-bottom: 20px;
	color: #B0B0B0;
}
.home-star .box-bd .box-bd-inner ul li p:nth-of-type(3){
	color: #FF6700;
}

.home-star .box-bd .box-bd-inner ul li:nth-child(10){
	margin-right: 0;
}
/*-----------------------------------*/
.page-hot-good{
	width: 1226px;
	height: 474px;
	margin-bottom: 30px;
}
.page-hot-good>div{
	height: 58px;
}
.page-hot-good>div h3{
	font-size: 22px;
	font-family: helvetica;
	font-weight: 200;
	line-height: 58px;
}
.page-hot-good ul{
	display: flex;
	justify-content: space-between;
}
.page-hot-good ul li{
	height: 416px;
	width: 296px;
	background-color: white;
	transition: all 0.3s;
}
.page-hot-good ul li:hover{
	top: -5px;
	box-shadow: 0 10px 20px #e4e4e4;
}
.page-hot-good ul li a img{
	width: 296px;
	height: 220px;
}
.page-hot-good ul li a div{
	height: 196px;
	width: 100%;
	padding: 30px 28px;
	box-sizing: border-box;
}
.page-hot-good ul li a div p{
	font-size: 14px;
	color: #333333;
	font-family: helvetica;
}
.page-hot-good ul li a div p:nth-of-type(1){
	margin-bottom: 25px;
	height: 52px;
}
.page-hot-good ul li a div p:nth-of-type(2){
	margin-bottom: 15px;
	color: #b0b0b0;
}
.page-hot-good ul li a div p:nth-of-type(3) span:nth-of-type(2){
	color: #ebe4e0;
	margin: 0 10px;
}
.page-hot-good ul li a div p:nth-of-type(3) span:nth-of-type(3){
	color: #ff6700;
}
/*--------------------------------------------------------------------------------------------------------------------*/
.page-content{
	width: 1226px;
	height: 478px;
	margin-bottom: 30px;
	position: relative;
}
.page-content .page-content-hd{
	height: 58px;
}
.page-content .page-content-hd h3{
	font-size: 22px;
	font-weight: 200;
	font-family: helvetica;
	line-height: 58px;
}
.page-content .page-content-bd{
	height: 420px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.page-content .page-content-bd>li{
	background-color: white;
	width: 296px;
	height: 420px;
	padding-top: 45px;
	box-sizing: border-box;
	transition: all 1s;
	position: relative;
	overflow: hidden;
}
.page-content .page-content-bd>li>a h2{
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 18px;
	font-weight: normal;
	text-align: center;
}
.page-content .page-content-bd .page-content-scroll{
	height: 340px;
	width: 296px;

}
.page-content .page-content-bd .page-content-scroll ul{
	width: 888px;
	height: 340px;
	display: flex;
	position: absolute;
}
.page-content .page-content-bd .page-content-scroll ul li{
	width: 296px;
	height: 340px;
}
.page-content .page-content-bd .page-content-scroll ul li:nth-child(1){

}
.page-content .page-content-bd .page-content-scroll ul li:nth-child(2){

}
.page-content .page-content-bd .page-content-scroll ul li:nth-child(3){
	
}
.page-content .page-content-bd>li{
	transition: all 0.3s;
}
.page-content .page-content-bd>li:hover{
	margin-top: -2px;
	box-shadow: 0 15px 20px #B0B0B0;
}
/*左右按钮*/
.page-content .page-content-bd .page-content-left{
	width: 20px;
	height: 50px;
	background-color: #e4e4e4;
	position: absolute;
	z-index: 5;
	bottom: 150px;
	display: none;
}
.page-content .page-content-bd .page-content-left:hover{
	background-color: #b0b0b0;
}
.page-content .page-content-bd .page-content-left img{
	width: 16px;
	height: 16px;
	margin-top: 17px;
	margin-left: 2px;
}
.page-content .page-content-bd .page-content-right{
	width: 20px;
	height: 50px;
	background-color: #E4E4E4;
	position: absolute;
	z-index: 5;
	bottom: 150px;
	right: 0;
	display: none;
}
.page-content .page-content-bd .page-content-right:hover{
	background-color: #b0b0b0;
}
.page-content .page-content-bd .page-content-right img{
	width: 16px;
	height: 16px;
	margin-top: 17px;
	margin-left: 2px;
}
.page-content .page-content-bd .page-book{
	border-top: 1px solid #FF6700;
}
.page-content .page-content-bd .page-book a h2{
	color: #FF6700;
}
.page-content .page-content-bd .page-book div li h3{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
	width: 256px;
	height: 25px;
	margin-left: 20px;
	text-align: center;
	font-weight: 400;
	color: #333333;
}
.page-content .page-content-bd .page-book div ul li p:nth-of-type(1){
	height: 40px;
	width: 200px;
	margin-left: 48px;
	margin-right: 48px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #B0B0B0;
	line-height: 20px;
}
.page-content .page-content-bd .page-book div ul li p:nth-of-type(2){
	height: 21px;
	width: 276px;
	margin-left: 10px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}
.page-content .page-content-bd .page-book div ul li img{
	width: 216px;
	height: 154px;
	margin-left: 40px;
}
.page-content .page-content-bd .page-book div ul li button{
	height: 30px;
	width: 120px;
	margin-left: 88px;
	border: 1px solid #FF6700;
	color: #FF6700;
	background-color: white;
}
/*小按钮*/
.page-content .page-content-button{
	width: 90px;
	height: 30px;
	position: absolute;
	bottom: 30px;
	left: calc(50% - 45px);
}
.page-content .page-content-button ul{
	display: flex;
	justify-content: space-between;
}
.page-content .page-content-button li{
	height: 6px;
	width: 6px;
	background-color: #B0B0B0;
	border-radius: 50%;
	margin-top: 10px;
}
.page-content .page-content-button li.check-color{
	background-color: white;
	border: 2px solid #FF6700;
}
.page-content .page-content-bd .page-book{
	border-top: 1px solid #FF6700;
}
.page-content .page-content-bd .page-book a h2{
	color: #FF6700;
}
.page-content .page-content-bd .page-book div li h3{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
	width: 256px;
	height: 25px;
	margin-left: 20px;
	text-align: center;
	font-weight: 400;
	color: #333333;
}
.page-content .page-content-bd .page-zhuti div ul li p:nth-of-type(1){
	height: 40px;
	width: 200px;
	margin-left: 48px;
	margin-right: 48px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #B0B0B0;
	line-height: 20px;
}
.page-content .page-content-bd .page-zhuti div ul li p:nth-of-type(2){
	height: 21px;
	width: 276px;
	margin-left: 10px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}
.page-content .page-content-bd .page-zhuti div ul li img{
	width: 216px;
	height: 154px;
	margin-left: 40px;
}
.page-content .page-content-bd .page-zhuti div ul li button{
	height: 30px;
	width: 120px;
	margin-left: 88px;
	border: 1px solid #83C44E;
	color: #83C44E;
	background-color: white;
}
.page-content .page-content-bd .page-zhuti{
	border-top: 1px solid #83C44E;
}
.page-content .page-content-bd .page-zhuti a h2{
	color: #83C44E;
}
.page-content .page-content-bd .page-zhuti div li h3{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
	width: 256px;
	height: 25px;
	margin-left: 20px;
	text-align: center;
	font-weight: 400;
	color: #333333;
}
/*-------------*/
.page-content .page-content-bd .page-game div ul li p:nth-of-type(1){
	height: 40px;
	width: 200px;
	margin-left: 48px;
	margin-right: 48px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #B0B0B0;
	line-height: 20px;
}
.page-content .page-content-bd .page-game div ul li p:nth-of-type(2){
	height: 21px;
	width: 276px;
	margin-left: 10px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}
.page-content .page-content-bd .page-game div ul li img{
	width: 216px;
	height: 154px;
	margin-left: 40px;
}
.page-content .page-content-bd .page-game div ul li button{
	height: 30px;
	width: 120px;
	margin-left: 88px;
	border: 1px solid #E53935;
	color: #E53935;
	background-color: white;
}
.page-content .page-content-bd .page-game{
	border-top: 1px solid #E53935;
}
.page-content .page-content-bd .page-game a h2{
	color: #E53935;
}
.page-content .page-content-bd .page-game div li h3{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
	width: 256px;
	height: 25px;
	margin-left: 20px;
	text-align: center;
	font-weight: 400;
	color: #333333;
}
/*-------------------------*/
.page-content .page-content-bd .page-app div ul li p:nth-of-type(1){
	height: 40px;
	width: 200px;
	margin-left: 48px;
	margin-right: 48px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #B0B0B0;
	line-height: 20px;
}
.page-content .page-content-bd .page-app div ul li p:nth-of-type(2){
	height: 21px;
	width: 276px;
	margin-left: 10px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 21px;
	font-size: 14px;
	color: #333333;
}
.page-content .page-content-bd .page-app div ul li img{
	width: 216px;
	height: 154px;
	margin-left: 40px;
}
.page-content .page-content-bd .page-app div ul li button{
	height: 30px;
	width: 120px;
	margin-left: 88px;
	border: 1px solid #2e96f3;
	color: #2e96f3;
	background-color: white;
}
.page-content .page-content-bd .page-app{
	border-top: 1px solid #2e96f3;
}
.page-content .page-content-bd .page-app a h2{
	color: #2e96f3;
}
.page-content .page-content-bd .page-app div li h3{
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 5px;
	width: 256px;
	height: 25px;
	margin-left: 20px;
	text-align: center;
	font-weight: 400;
	color: #333333;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
.home-video{
	height: 343px;
	width: 1226px;
	margin-bottom: 60px;
}
.home-video .home-video-hd{
	display: flex;
	justify-content: space-between;
	height: 58px;
}
.home-video .home-video-hd>div{
	display: flex;
}
.home-video .home-video-hd>div:hover{
	cursor: pointer;
}
.home-video .home-video-hd h2{
	line-height: 58px;
	font-size: 22px;
	font-weight: 200;
}
.home-video .home-video-hd>div span{
	line-height: 58px;
	font-size: 18px;
	margin-right: 10px;
}
.home-video .home-video-hd>div div{
	height: 25px;
	width: 23px;
	background-color: #B0B0B0;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 50%;
	margin-top: 16.5px;
}
.home-video .home-video-hd>div img{
	width: 100%;
	height: 100%;
}
.home-video .home-video-bd{
	height: 285px;
	width: 100%;
}
.home-video .home-video-bd ul{
	height: 285px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.home-video .home-video-bd ul li{
	width: 296px;
	height: 285px;
	background-color: white;
	transition: all 0.3s;
	position: relative;
}
.home-video .home-video-bd ul li:hover{
	top: -2px;
	box-shadow: 0 20px 20px #e4e4e4;
}
.home-video .home-video-bd ul li div{
	margin-bottom: 28px;
	height: 180px;
	width: 100%;
}
.home-video .home-video-bd ul li h3{
	line-height: 21px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
}
.home-video .home-video-bd ul li h3:hover{
	color: #ff6700;
	cursor: pointer;
}
.home-video .home-video-bd ul li p{
	line-height: 18px;
	font-size: 12px;
	color: #b0b0b0;
	text-align: center;
}
.home-video .home-video-bd ul li .home-video-dian{
	position:absolute;
	width: 40px;
	height: 30px;
	border: 2px solid white;
	top: 140px;
	left: 30px;
	border-radius: 15px;
	padding: 4px 10px;
	box-sizing: border-box;
}
.home-video .home-video-bd ul li .home-video-dian:hover{
	background-color: #ff6700;
	border: none;
}
.home-footer{
	width: 100%;
	height: 272px;
	background-color: white;
}
.home-footer .container{
	width: 1226px;
	height: 272px;
	margin: 0 auto;
}
.home-footer .container .container-top{
	height: 80px;
	padding: 27px 0;
	border-bottom: 1px solid #b0b0b0;
	box-sizing: border-box;
}

.home-footer .container .container-top ul{
	display: flex;
}
.home-footer .container .container-top ul li{
	height: 25px;
}
.home-footer .container .container-top ul li a{
	text-align: center;
	font-size: 16px;
	font-family: helvetica;
	color: #616161;
}
.home-footer .container .container-top ul li a:hover{
	color: #ff6700;
}
.home-footer .container .container-top ul li a img{
	height: 25px;
	width: 30px;
}
.home-footer .container .container-top ul li span{
	font-size: 20px;
	color: #b0b0b0;
	margin: 65px;
}
.home-footer .container .container-main{
	height: 192px;
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	display: flex;
}
.home-footer .container .container-main dl{
	width: 160px;
	height: 112px;
}
.home-footer .container .container-main dl dt{
	font-size: 14px;
	color: #424242;
	line-height: 17.5px;
	margin-bottom: 26px;
	font-family: helvetica;
}
.home-footer .container .container-main dl dd{
	font-size: 12px;
	margin-top: 10px;
	
}
.home-footer .container .container-main dl dd a{
	color: #757575;
}
.home-footer .container .container-main dl dd a:hover{
	color: #ff6700;
}
.home-footer .container .container-main .container-right{
	width: 251px;
	height: 112px;
	border-left: 1px solid #e0e0e0;
}
.home-footer .container .container-main .container-right h3{
	font-size: 22px;
	color: #ff6700;
	text-align: center;
	margin-bottom: 10px;
}
.home-footer .container .container-main .container-right p{
	font-size: 12px;
	color: #616161;
	text-align: center
}
.home-footer .container .container-main .container-right button{
	height: 30px;
	width: 120px;
	border: 1px solid #ff6700;
	color: #ff6700;
	margin-left: 65px;
	background-color: white;
	margin-top: 20px;
}
/*-----------*/
.home-foot{
	height: 166px;
	width: 100%;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #fafafa;
}
.home-foot .home-foot-container{
	height: 106px;
	width: 1226px;
	margin: 0 auto;
	display: flex;
}
.home-foot .home-foot-container div:nth-of-type(1){
	margin-right: 10px;
}
.home-foot .home-foot-container .container-text{
	width: 718px;
}
.home-foot .home-foot-container .container-text p:nth-of-type(1) a{
	color: #424242;
}
.home-foot .home-foot-container .container-text p:nth-of-type(1) a:hover{
	color: #ff6700;
}
.home-foot .home-foot-container .container-text p:nth-of-type(1) span{
	color: #b0b0b0;
	margin: 2px;
}
.home-foot .home-foot-container .container-text p:nth-of-type(2){
	font-size: 12px;
	color: #b0b0b0;
}
.home-foot .home-foot-container .container-img{
	height: 28px;
	width: 375px;
	margin-left: 50px;
}
.home-foot .home-foot-container .container-img a:nth-of-type(1) img{
	width: 90px;
	height: auto;
}
